<template>
	<view>
		<view class="cont">

			<view class="wz">
				<text>位于四川省成都市郫都区德源镇东林艺术村，是全国唯一<br>
					  经袁隆平院士授权以其名字命名的园区。<br>
					全国首批科学家精神教育基地，园区以袁隆平院士为精神<br>
					支柱，以稻蒜文化为基础，将科研场景<br>
					变成教学场景，建立劳动教育、农业科普教育基地及成人<br>
					实训基地。</text>
			</view>
			<view class="geren">
				<image class="ger" src="../../static/ger.png"></image>
				<view class="gerz0" @tap="goDetail">
					<text class="gerz1">
					个人预约
					</text>
					<br>
					<text class="gerz2">
					Personal reservation
					</text>
				</view>
				
			</view>
			<view class="tt">
				<image class="ger" src="../../static/tuan.png"></image>
				<view class="gerz0" @tap="goDetail2">
					<text class="gerz1">
					团体预约
					</text>
					<br>
					<text class="gerz2">
					Group reservation
					</text>
				</view>
			</view>
			<view class="tt">
				<image class="ger" src="../../static/sm.png"></image>
				<view class="gerz0" @tap="goDetail3">
					<text class="gerz1">
					扫码入园
					</text>
					<br>
					<text class="gerz2">
					Scan the QR code to enter the park
					</text>
				</view>
			</view>



		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				href: 'https://uniapp.dcloud.io/component/README?id=uniui'
			}
		},
		methods: {
			goDetail(){
				uni.navigateTo({
				    url: '../yy/knows'
				});
			},
			goDetail2(){
				uni.navigateTo({
				    url: '../yy/knows02'
				});
			},
			goDetail3(){
				uni.navigateTo({
				    url: '../yuanlongp/ylp'
				});
			}
		}
	}
	//发请求
	uni.request({

	})

</script>

<style>
	.cont {
		background-image: url("../../static/xsbj.png");
		background-size: cover;
		width: 351px;
		height: 626px;
		margin-left: 12px;
		margin-top: 7px;
	}

	.wz {
		/* width: 259px;
		height: 126px; */
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 10px;
		color: #05261B;
		letter-spacing: 0;
		line-height: 21px;
		margin-left: 48px;
		
		position: relative;
		top: 127px;
	}
	.geren{
		width: 290px;
		height: 70px;
		background-color: #FFFFFF;
		border-radius: 12px;
		margin-left: 31px;
		margin-top: 230px;
	}
	.ger{
		width: 32px;
		height: 32px;
		/* opacity: 0; */
		margin-left: 16px;
		position: relative;
		top: 19px;
	}
	.gerz0{
		margin-left: 61px;
		margin-top: -25px;
	}
	.gerz1{
		/* width: 61.48px;
		height: 21px; */
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #05261B;
		letter-spacing: 0;
	}
	.gerz2{
		/* width: 116.82px;
		height: 17px; */
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5F5F5F;
		letter-spacing: 0;
	}
	.tt{
		width: 290px;
		height: 70px;
		background-color: #FFFFFF;
		border-radius: 12px;
		margin-left: 31px;
		margin-top: 12px;
	}
</style>